<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<script src="../admin/libs/jquery-1.12.4.min.js"></script>
<script src="../admin/libs/bootstrap/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="../admin/libs/bootstrap/css/bootstrap.min.css">

<!-- 导入分页插件文件 -->
<script src="../admin/libs/jquery.twbsPagination.js"></script>
<body>
    <ul id="pagination-demo" class="pagination-sm"></ul>
</body>
<script>
 $(function(){
    $('#pagination-demo').twbsPagination({
        totalPages: 35,
        visiblePages: 7,
        first:'首页',
        last:'尾页',
        prev:'上一页',
        next:'下一页',
        onPageClick: function (event, page) {
           console.log(`这是第${page}页`);
        }
    });
 })
</script>
</html>